<script setup lang="ts">
import { onBeforeMount, onBeforeUnmount, onMounted, onUnmounted } from 'vue';

console.log("child setup")

onBeforeMount(() => {
    console.log("child onBeforeMount")
})

onMounted(() => {
    console.log("child onMounted")
})

onBeforeUnmount(() => {
    console.log("child onBeforeUnmount")
})

onUnmounted(() => {
    console.log("child onUnmounted")
})
</script>
<template>
    <div>LifeChild</div>
</template>